/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#222; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
a:hover {text-decoration:none; color:#2b71b8;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
b {font-weight:600;}i,em {font-style:normal;}

button, input, select, textarea {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased; -webkit-appearance:none; appearance:none;}
button {cursor:pointer;}

.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block; }
*+html .clearfix {min-height:1%;}

body {font-size:12px; color:#222; background:#fff; font-family:Verdana, Microsoft YaHei,Arial, Helvetica, sans-serif; padding:0; margin:0;  -webkit-text-size-adjust:none;}

.main {position:relative; margin:0 auto; width:96%; max-width:1200px;}
.fl {float:left;}
.fr {float:right;}

/***头部***/
.topbar, .header{position:fixed; left:0; width:100%; z-index:9;} 
.topbar {top:0; padding:5px 0; color:#b7b7b7; background-color:#666;}

.topbar .main {height:22px; line-height:22px; font-size:12px;}
.topbar a, .topbar span {display:inline-block; vertical-align:middle; margin-left:10px;}
.topbar a {color:#fff; opacity:0.5;}
.topbar a:hover {opacity:1;}
.topbar .wechat, .topbar .weibo {display:inline-block; vertical-align:middle; margin-right:3px; width:25px; height:24px;}
.topbar .wechat{background:url(../images/qq.png) no-repeat;}
.topbar .weibo {background:url(../images/weibo.png) no-repeat;}


.header {display:block;}
.m-header {display:none;}

.header {position:fixed; top:0px; left:0; padding:0px; width:100%; z-index:2;}

.topall{width:100%; height:90px; overflow:hidden; background:#fff; padding:10px 0;}
.topleft{width:850px;}
.topleft img{ height:90px; width:auto; display:inline; float:left;}
.topleft p{border-left:0px #ddd solid; line-height:36px; padding:0px 20px; margin:15px 0 5px 0px; font-size:13px;}

.topmid{text-align:right; font:30px Impact;color: #222; background:url(../images/tel.png) left center no-repeat; width:580px;}
.topmid img{ height:70px; width:auto; display:inline; padding:10px 0 10px 10px;}
.topmid p{font-size:14px;}


.topright{ text-align:right; background:url(../images/tel.png) 20px center no-repeat; width:350px; margin-top:0px;}
.topright ul{overflow:hidden; float:left; width:250px; padding-top:18px; padding-right:10px;}
.topright li{ font-size:16px; font-weight:600;}
.topright li p{font:30px Impact;color:#222; color:#cc0000;}
.topright li a{color:#2b71b8;}
.topright li img{ height:20px; width:auto; display:inline; vertical-align:middle; margin-right:5px;}
.topright p{}
.topright p img{ height:90px; width:auto;}

.header-nav {height:55px; line-height:55px; background:#2b71b8;}
.header-nav li {position:relative; display:inline-block; vertical-align:middle; margin-left:15px; margin-right:15px;font-size:15px;  }
.header-nav li a {color:#fff; font-size:16px}
.header-nav li:hover a {color:#ffea00; font-size:16px}

.dropdown {position:absolute; top:42px; left:50%; margin-left:-50px; background-color:#1f2021; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:0;} 
.dropdown a {display:block; min-width:100px; height:36px; line-height:36px; color:#fff; font-size:14px; text-align:center;}   
.dropdown a:hover {background-color:#292a2b;}  
.header-nav li:hover .dropdown {opacity:1;}

@media screen and (max-width:768px) {
.header,.topbar {display:none;}

.m-header {display:block; position:fixed; top:0; left:0; width:100%; background-color:#fff; border-bottom:1px solid #fff; z-index:9;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-logo {float:left; width:50%; margin-top:0px;}

.nav-btn {position:relative; float:right; margin:14px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#999; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:8px;}
.nav-btn span:nth-of-type(3){top:16px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}

.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100% - 45px); font-size:16px; line-height:42px; background:#333; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.95;}
.nav-show {top:45px;}
.nav-show ul {border-bottom:0px #ddd solid;}
.m-nav ul li i {position:absolute; top:5px; right:0px; border-left:1px #ddd solid; height:30px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative; padding-left:20px; line-height:40px; font-size:15px; border-top:1px #222 solid;color:#ccc;}
.m-nav >ul >li:last-child {border-bottom:1px #222 solid;}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#ccc;width:80%;}
.m-nav ul li ul li a {display:block; font-size:14px; color:#ccc; line-height:36px; text-align:left;}
.m-nav ul li i svg {width:20px; height:20px; fill:#555;}
.m-nav ul li .m-nav-i-se svg {fill:#008cd6;}
.m-nav ul li ul li>ul {margin-left:10px;}
}

/***banner***/
.flexslider{display:block; position:relative; height:auto; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; margin:156px auto 0;}
.slides{position:relative;z-index:0;}
.slides li img{width:100%; height:auto; display:block;}
.slides li {display:block; height:530px;}

.flex-control-nav{position:absolute; bottom:10px; left:50%; margin-left:-110px; padding:4px 0 2px; z-index:1; width:220px; text-align:center;}
.flex-control-nav li{display:inline-block; width:14px; height:14px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{display:inline-block; width:14px; height:14px; line-height:40px; overflow:hidden; background:url(../images/bpng01.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/bpng02.png) no-repeat;}

.flex-direction-nav{position:absolute; z-index:3; width:100%; top:50%; margin-top:-19px;}
.flex-direction-nav li a{position:absolute; display:block; width:15px; height:29px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev{left:10px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px; background:url(../images/next.png) center center no-repeat;}

.banner-word1 {position:absolute; top:200px; width:100%; margin:0 auto; text-align:center; overflow:hidden;}
.banner-word1 h1 { font-size:48px; line-height:60px; color:#fff; font-weight:600;}
.banner-word1 .en {font-size:20px; line-height:60px; color:#fff;}
.search-bar {position:relative; padding:10px 80px 10px 20px; height:44px; background-color:#fff; border-radius:33px; width:30%; margin:0 auto;}
.search-bar .input {width:90%; height:44px; line-height:44px; font-size:18px; border:0; padding:0 5%;}
.search-bar .search {position:absolute; top:10px; right:20px; width:40px; height:40px; background:url(../images/search.png) no-repeat; background-size:cover;}

@media screen and (max-width:768px) {
.flexslider {display:block; position:relative; height:auto; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat; margin:45px auto 0;}
.slides {position:relative; z-index:0;}
.slides li img {width:100%; height:auto; display:block;}
.slides li {height:200px;}
.flex-control-nav {position:absolute; bottom:10px; z-index:2; left:50%; margin-left:-110px; padding:1px 0; z-index:2; width:220px; text-align:center;}
.flex-control-nav li {display:inline-block; width:8px; height:8px; margin:0 4px; *display:inline; zoom:1;}
.flex-control-nav a {display:inline-block; width:8px; height:8px; line-height:30px; overflow:hidden; background:url(../images/bpng03.png) no-repeat; cursor:pointer;}
.flex-control-nav .flex-active {background:url(../images/bpng04.png) no-repeat;}

.flex-direction-nav {position:absolute; top:35%; z-index:3; width:100%; display:none;}
.flex-direction-nav li a {position:absolute; display:block; width:15px; height:29px; overflow:hidden; cursor:pointer;}
.flex-direction-nav li a.flex-prev {left:10px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:10px; background:url(../images/next.png) center center no-repeat;}

.banner-word1 {position:absolute; top:50px; width:100%; margin:0 auto; text-align:center; overflow:hidden;}
.banner-word1 h1 { font-size:1.25rem; line-height:45px; color:#fff; font-weight:600;}
.banner-word1 .en {font-size:0.875rem; line-height:20px; color:#fff; padding:0 20px;}
.search-bar {width:50%; margin-top:10px; padding:8px 60px 8px 20px; height:26px; border-radius:21px;}
.search-bar .input {height:26px; line-height:26px; font-size:0.875rem;}
.search-bar .search {top:8px; right:18px; width:26px; height:26px;}

}

/***htitle***/
.htitle {position:relative; margin:0 auto 20px; width:96%; max-width:1200px; text-transform:uppercase; text-align:center; overflow:hidden;}
.htitle h2 {font-size:28px; line-height:40px; font-weight:bold;}
.htitle p { font-size:14px; line-height:24px; color:#555; padding:0; margin-top:8px;}
.redcolor{ color:#2b71b8;}
@media screen and (max-width:768px) {
.htitle {margin:0 auto 10px;}
.htitle h2 {font-size:1.25rem; line-height:30px;}
.htitle p { font-size:0.75rem; line-height:18px; padding:2% 2% 0 2%; margin-top:0; display:none;}
}

.mod1, .mod2, .mod3, .mod4, .mod5 {position:relative; padding:50px 0; overflow:hidden;}
.mod0,.mod1, .mod5 {background-color:#f5f5f5;}
.mod0{position:relative; padding:80px 0; overflow:hidden;}

.viewall {font-size:18px; text-align:center; line-height:40px; background:#2b71b8; border-radius:20px; width:350px; margin:40px auto 0; color:#FFF;}
.viewall a{ color:#FFF;}
.viewall:hover{color:#FFF; background:#ff6600;}

.viewall2 {font-size:18px; text-align:center; line-height:40px; background:#2b71b8; border-radius:20px; width:350px; margin:0px auto; color:#FFF;}
.viewall2 a{ color:#FFF;}
.viewall2:hover{color:#FFF; background:#ff6600;}

@media screen and (max-width:768px) {
.mod0, .mod1, .mod2, .mod3, .mod4, .mod5 {padding:20px 0;}
.viewall {margin-top:10px; font-size:14px; width:80%; font-size:1rem; line-height:35px;}
.viewall2 {margin-top:0px; font-size:14px; width:80%; font-size:1rem; line-height:35px;}
}


/*首页中的关于我们*/
.tylm_index{ overflow:hidden; line-height:30px; padding:0px 0px; font-size:14px; text-align:center;}
.tylm_index h1 { font-size:24px; line-height:30px; margin-bottom:15px;}
.tylm_index img{max-width:100%; height:auto;width:32%; display: -webkit-inline-box;}
.tylm_index table{width:100%;display: block;display: -webkit-box;width: auto;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.tylm_index p,.tylm_index span{line-height:28px;}
.tylm_index td{padding:4px; font-size:12px; border:1px #CCCCCC solid;}
@media screen and (max-width: 768px) {
.tylm_index{font-size:0.75rem; padding:0;}
.tylm_index p,.tylm_index span{line-height:24px;}
.tylm_index img{width:100%; height:auto; display:block;}
}


/*首页中的计算器*/
.jishuan{ overflow:hidden; padding:25px 30px; font-size:14px; text-align:center; background:#2b71b8; margin-top:20px; border-radius:5px; width:85%; margin:0 auto;}
.jishuan ul{overflow: hidden; text-align: center; padding: 0px; margin: 0px;}
.jishuan ul li {text-align: center;display: inline-block; padding:0 5px;}
.jibtn{font-size:14px;overflow:hidden; background:#fff; border-radius:35px;height:35px;line-height:35px; padding:0px 15px;}
.jibtn2{font-size:14px;overflow:hidden; background:#ffe400; border-radius:35px;height:35px;line-height:35px; text-align:center; color:#555; width:120px; font-weight:bold;}
.jibtn2:hover{ background:#FC0; color:#222; cursor:pointer;}
@media screen and (max-width: 768px) {
.jishuan{border-radius:5px; width:85%;}
.jishuan ul li{ width:100%; padding:0; margin-bottom:10px;}
.jibtn{ width:90%; padding:0 5%; border-radius:5px;}
.jibtn2{width:100%; padding:0 5%; border-radius:5px;}
}



/***mod1***/
.course {width:100%; overflow:hidden;}
.course ul {float:left; width:61.8%; overflow:hidden;}
.course li:nth-child(2n+2){margin-left:4.8%;}
.course li:nth-child(n+3){margin-top:4%;}
.course-major, .course li {position:relative; float:left;}
.course-major {margin-right:3%; width:35.2%;}
.course li {width:47%; border:1px #CCCCCC solid; background:#FFF;}

.course li:hover course-mask{background-color:rgba(229, 69, 86, 0.7);}
.course-info {padding:10px 15px;}
.course-info-title {line-height:20px; font-size:14px; font-weight:600; height:40px;}
.course-info-text {line-height:20px; font-size:12px; height:60px; color:#666; overflow:hidden;}
.course-info-date {line-height:24px; font-size:12px; color:#999;}

.imgbox {overflow:hidden;}
/*.imgbox img {transition:clip 0.4s 0.2s cubic-bezier(0,.3,.6,1), transform 0.4s 0.2s ease, opacity 0.4s 0.2s ease, -webkit-transform 0.4s 0.2s ease, -webkit-clip 0.4s 0.2s cubic-bezier(0,.3,.6,1);}*/
.course-major:hover img, .course li:hover img, .team-list li:hover img, .student-list li:hover img, .news-list li:hover img  {/*-webkit-transform:scale(1.05); transform:scale(1.05);*/ filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}    
@media screen and (max-width:768px) {
.course-major{display:none;}
.course-major_m{width:100%; margin-bottom:3%;}
.course-major_m img{width:100%; overflow:hidden;}

.course-mask {width:60%; float:right; position:inherit; background:none;}
.course-info {padding:5%;color:#333; width:90%;}
.course-info-title {line-height:20px; font-size:0.875rem; font-weight:600; height:auto;}
.course-info-text {line-height:18px; font-size:0.75rem; color:#666; height:auto;}

.course ul {width:100%;}
.course li {width:100%; margin-bottom:0%; border:0;}
.course li:nth-child(2n+2) {margin-left:0%;}
.course li:nth-child(n+3){margin-top:0%;}
.course li:nth-child(n+4){ margin-bottom:0;}
}




/***mod2***/
.team-list li {float:left; width:14%; margin-left:2%; padding:2%; border:1px #ddd solid; line-height:20px; background:#fff;}
.team-list li:hover{border:1px #2b71b8 solid;}
.team-list li:nth-child(1),.team-list li:nth-child(6),.team-list li:nth-child(11),.team-list li:nth-child(16){margin-left:0;}
.team-list li:nth-child(n+6){margin-top:2%;}
.team-list li .teacher-name {margin:0; height:24px; line-height:24px; font-size:14px; text-align:center; font-weight:bold;}
.team-list li .teacher-profile {font-size:14px; line-height:24px; text-align:center; color:#666; height:96px; overflow:hidden;}
@media screen and (max-width:768px) {
.team-list{overflow:hidden;}
.team-list li {width:26.5%; margin-left:0; margin-bottom:3%; padding-bottom:15px;}
.team-list li:not(:nth-of-type(3n)){ margin-right:3%;}
.team-list li:nth-child(n+5){margin-top:0;}
.team-list li .teacher-name {margin-top:5px; height:20px; line-height:20px; font-size:0.75rem;}
.team-list li .teacher-profile {font-size:0.75rem; line-height:18px; text-align:center; color:#666; height:90px; overflow:hidden;}
}

@media screen and (max-width:414px) {
.team-list{overflow:hidden; height:385px;}
}

@media screen and (max-width:375px) {
.team-list{overflow:hidden; height:355px;}
}


/***内页的品牌展示***/
.team-list1 li {float:left; width:14%; margin-left:2%; padding:2%; border:1px #ddd solid; line-height:20px;}
.team-list1 li:hover{border:1px #2b71b8 solid;}
.team-list1 li:nth-child(1),.team-list1 li:nth-child(6),.team-list1 li:nth-child(11),.team-list1 li:nth-child(16){margin-left:0;}
.team-list1 li:nth-child(n+6){margin-top:2%;}
.team-list1 li .teacher-name {margin:0; height:24px; line-height:24px; font-size:14px; text-align:center; font-weight:bold;}
.team-list1 li .teacher-profile {font-size:14px; line-height:24px; text-align:center; color:#666; height:96px; overflow:hidden;}
@media screen and (max-width:768px) {
.team-list1{overflow:hidden;}
.team-list1 li {width:26.5%; margin-left:0; margin-bottom:3%; padding-bottom:15px;}
.team-list1 li:not(:nth-of-type(3n)){ margin-right:3%;}
.team-list1 li:nth-child(n+5){margin-top:0;}
.team-list1 li .teacher-name {margin-top:5px; height:20px; line-height:20px; font-size:0.75rem;}
.team-list1 li .teacher-profile {font-size:0.75rem; line-height:18px; text-align:center; color:#666; height:90px; overflow:hidden;}
}




/***mod3***/
.student-list li {float:left; width:15.5%; padding:0; font-size:14px; line-height:35px; height:35px; text-align:center; background:#fff; border:1px #ddd solid; margin-right:1%; border-radius:35px; margin-bottom:10px;}
.student-list li:hover{ cursor:pointer;color:#fff;background:#2b71b8;}

#tab1 li.now,#tab2 li.now{color:#fff;background:#2b71b8;}
.tablist{overflow:hidden; display:none;}
.block{ display:block;}

.works-list ul{margin:15px 0 10px 0; overflow:hidden;}
.works-list ul li {float:left; width:18%;}
.works-list ul li img{ width:100%; height:162px;}
.works-list ul li:hover img{filter:alpha(Opacity=85);-moz-opacity:0.85;opacity:0.85;}
.works-list ul li:not(:nth-of-type(5n)){ margin-right:2%;}
.works-list ul li .news-title {font-size:12px; line-height:24px;text-align:center; margin-bottom:15px;}

@media screen and (max-width:768px) {
.student-list li {width:30.3%; font-size:0.75rem; margin-right:2%; height:30px; line-height:30px; margin-bottom:2%;}

.works-list ul{margin:10px 0 0 0; overflow:hidden;}
.works-list ul li {float:left; width:22.75%;}
.works-list ul li img{ width:100%; height:62px;}
.works-list ul li:not(:nth-of-type(3n)){ margin-right:0%;}
.works-list ul li:not(:nth-of-type(4n)){ margin-right:3%;}
.works-list ul li .news-title {font-size:0.75rem; line-height:16px; height:48px; text-align:center; margin-bottom:15px;}
}

@media screen and (max-width:414px) {
.tablist ul{overflow:hidden; height:255px;}
}

@media screen and (max-width:375px) {
.tablist ul{overflow:hidden; height:240px;}
}


/***mod4***/
.news-list {margin:20px 0 20px 0; overflow:hidden;}
.news-list li {float:left; width:15%;}
.news-list li:not(:nth-of-type(6n)){ margin-right:2%;}
.news-list li .news-title {font-size:14px; line-height:24px;text-align:center; margin-bottom:15px;}
@media screen and (max-width:768px) {
.news-list {margin:15px 0 10px 0; overflow:hidden;}
.news-list li {float:left; width:48.5%; margin-bottom:5%}
.news-list li:not(:nth-of-type(6n)){ margin-right:0%;}
.news-list li:not(:nth-of-type(2n)){ margin-right:3%;}
.news-list li .news-title {font-size:0.875rem; line-height:18px; overflow:hidden; margin:5px 0 0 0;}
}


/***mod5***/
.project-list li {float:left; width:22.75%; margin-bottom:1%;}
.project-list li:not(:nth-of-type(4n)){margin-right:3%;}
.project-list li .project-title {font-size:14px; line-height:24px; text-align:center;}
.project-list li img{ width:100%; height:205px;}
.proclass-list{overflow:hidden; margin-bottom:20px;}
.proclass-list li{float:left; width:12.5%; padding:0; font-size:14px; line-height:20px; text-align:center; margin-bottom:10px; padding:0 2%;}
.proclass-list li p{ width:120px; height:120px; border-radius:20px; background:#FFF; margin:0 auto 10px; border:1px #ddd solid;}
.proclass-list li p img{ width:100px; height:100px; display:-webkit-inline-box; margin-top:10px;}
.proclass-list li p:hover{ cursor:pointer;color:#fff;background:#2b71b8;}

@media screen and (max-width:768px) {
.proclass-list{overflow:hidden; margin-bottom:10px;}
.proclass-list li {width:28.3%; font-size:0.75rem; margin-right:0%; padding:2%; margin-bottom:10px; min-height:148px; line-height:18px;}
.project-list li img{ width:100%; height:131px;}

.proclass-list li p{ width:100px; height:100px; border-radius:100%;  background:#FFF; margin:0 auto 5px; border:1px #ddd solid;}
.proclass-list li p img{ width:80px; height:80px; display:-webkit-inline-box; margin-top:10px;}

.project-list li {width:48.5%; margin-bottom:3%;}
.project-list li:not(:nth-of-type(4n)){margin-right:0%;}
.project-list li:not(:nth-of-type(2n)){margin-right:3%;}
.project-list li .project-title {font-size:0.75rem; line-height:18px; overflow:hidden; margin-top:5px;}
}






/***footer***/
.footer {position:relative; padding:35px 0 20px; line-height:24px; background-color:#333;}
.footer-company {margin-bottom:10px; line-height:30px; font-size:18px; color:#fff; font-weight:600;}
.footer-contact li {position:relative; padding-left:30px; line-height:28px; font-size:14px; color:#9c9c9d;}
.footer-contact li:nth-child(n+2) {margin-top:8px;}
.footer-contact img { position:absolute; top:0; left:0; width:24px; height:24px;filter:alpha(Opacity=65);-moz-opacity:0.65;opacity:0.65;}

.footer-copyright, .footer-code li {font-size:12px; color:#9c9c9d;}
.footer-copyright, .footer-code li {line-height:28px; text-align:center;}
.footer-copyright {margin-top:36px; color:#FFF;}
.footer-copyright a{ color:#FFF;}
.footer-code {position:absolute; top:20px; right:0;}
.footer-code li {display:inline-block; margin-left:50px; width:120px;}
@media screen and (max-width:768px) {
.footer {padding:20px 0 70px; line-height:20px;}
.footer-company {margin-bottom:6px; line-height:22px; font-size:14px;}

.footer-contact li {padding-left:25px; line-height:20px; font-size:12px;}
.footer-contact li a{ color:#9c9c9d}
.footer-contact li:nth-child(n+2) {margin-top:10px;}
.footer-contact img {margin-right:3px; width:20px; height:20px;}

.footer-copyright, .footer-code li {line-height:20px;}
.footer-copyright {margin-top:15px;}
.footer-code {position: relative; top:10px; right:auto; width:100%; text-align:center; display:none;}
.footer-code li {margin:0 10px; width:108px;}
}

 

/*--------手机版底部按钮--------------*/
.zsend{display:none;}
@media screen and (max-width:768px) {
#idend{ display:none;}
.subnav{display:none;}
.end{ padding:13px 5% 65px; width:90%;}
.zsend{
display:block;
margin:0 auto; 
position:fixed; 
bottom:0; 
width:100%;
left:0; right:0;
height:40px;
z-index:1000; 
text-transform:uppercase;
background:#006faf;}
.zsend li{float:left; text-align:center; color:#fff; width:50%; font-size:0.75rem; height:40px; line-height:40px;}
.zsend li img{width:26px; margin-right:6px; display:-webkit-inline-box;}
.endli01{background:#225fb8;}
.endli02{background:#df2f2f;}
}




/*--------内页banner----------*/
.lybanner{width:100%; overflow: hidden; margin:130px auto 0;}
.lybanner img{width:100%; height:auto; display:block;}
@media screen and (max-width:768px) {
.lybanner{margin-top:45px;}
}



/*--------内页路径--------*/
#weizhi{background: url(../images/back_12.jpg) repeat-x;; width:100%; margin:0px auto;border-bottom:1px #ddd solid;}
.weizhi{overflow:hidden;width:96%; max-width:1200px; margin:0 auto; font-size:14px; line-height:30px; padding:5px 0 5px;}
.weizhi span{float:right; font-size:12px;}
@media screen and (max-width:768px) {
.weizhi{padding:5px 0px; font-size:0.75rem; width:94%;}
.weizhi span{font-size:0.75rem;}
}



/*--------内页子栏目--------*/
.pcategory{width:96%; max-width:1200px; margin:20px auto;}
.pcategory ul{overflow:hidden; text-align:center; padding:0px; margin:0px;}
.pcategory li{text-align:center; font-size:14px; overflow:hidden; background:#fff; display:inline-block; border-radius:35px;border: 1px #ddd solid; margin-right:0.8%; height:35px; line-height:35px; margin-bottom:10px;}
.pcategory li a{display:block; padding:0px 18px;}
.pcategory li a:hover{background:#e93133; color:#fff;}
@media screen and (max-width:768px){
.pcategory{width:96%; margin:15px auto;}
.pcategory li{font-size:0.875rem; margin-bottom:4px; width:45%; height:auto;}
.pcategory li a{padding:8px 20px; line-height:16px;}
}


#onsec{background:#e93133; color:#FFF;}
#onsec a{color:#fff;}


.mainbg{width:96%; max-width:1200px; margin:25px auto; background:#fff;}
@media screen and (max-width:768px){
.mainbg{width:94%; margin:3% auto;}
}



/*关于我们*/
.tylm{ overflow:hidden; line-height:30px!important; padding:50px 80px; font-size:16px;}
.tylm h1 { font-size:24px; line-height:30px; margin-bottom:15px;}
.tylm img{max-width:100%; height:auto;width:32%; display: -webkit-inline-box;}
.tylm table{width:100%!important;display: block;display: -webkit-box;width: auto;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.tylm p,.tylm span{line-height:30px!important;}
.tylm td{padding:4px!important; font-size:12px!important; border:1px #CCCCCC solid!important;}
@media screen and (max-width: 768px) {
.tylm{font-size:0.875rem; padding:5%;}
.tylm img{width:100%; height:auto; display:block;}
}


/*项目案例*/
.honor{overflow:hidden; padding:50px;}
.honor h2{ font-size:16px; line-height:28px; margin-bottom:20px;}
.honorul{overflow:hidden;}
.honorul li{float:left; overflow:hidden; width:22%; border:1px #ddd solid; text-align:center; margin-bottom:3%; background:#FFF;}
.honorul li:not(:nth-of-type(4n)){ margin-right:3%;}
.honorul li img{width:100%; height:182px; display:block;}
.honorul li p{font-size:14px; padding:5px 10px; height:36px;}
.honorul li:hover{border:1px #e93133 solid; cursor:pointer;}
.honorul li:hover p{color:#e93133;}
.honorlr{overflow:hidden; margin-top:40px; line-height:28px; font-size:13px;}
@media screen and (max-width:768px) {
.honor{padding:5%;}
.honor h2{ font-size:1rem; line-height:28px; margin-bottom:10px;}
.honorul li{width:46.5%; padding:0; margin-bottom:5%;}
.honorul li img{width:100%; height:111px;}
.honorul li:not(:nth-of-type(4n)){ margin-right:0;}
.honorul li:not(:nth-of-type(2n)){ margin-right:5%;}
.honorul li p{font-size:0.75rem; padding:5px 10px; height:30px;}
.honorlr{margin-top:30px; line-height:26px; font-size:0.875rem;}
}



/*新闻列表页*/
.news{overflow:hidden;padding:50px;}
.newsul{overflow:hidden;}
.newsul li{overflow:hidden; border-bottom:1px #ddd dotted; padding:0px 0px 2% 0; float:left; width:48%; margin-bottom:2%;}
.newsul li:not(:nth-of-type(2n)){ margin-right:4%;}
.newsul li img{ width:30%; margin-right:2%; float:left; border:0px; border:1px #CCCCCC solid; height:119px;}
.newsul li h2{font-size:16px; font-weight:bold; color:#e93133; line-height:22px;}
.newsul li a h2{color:#e93133;}
.newsul li a:hover h2{color:#028de8;}
.newsul li div{color:#5a5a5a;line-height:20px; font-size:12px; padding-top:4px;}
.newsul li p{color:#919191; padding-top:4px; line-height:20px; font-size:12px;}
.newsul li p span{ margin-right:15px;}
@media screen and (max-width:768px) {
.news{width:100%; padding:0%;}
.newsul li{padding:0 0 20px; margin-bottom:20px; width:100%;}
.newsul li:not(:nth-of-type(2n)){ margin-right:0%;}
.newsul li img{width:40%; margin-right:3%; height:105px;}
.newsul li h2{font-size:1rem;}
.newsul li div{font-size:0.75rem; line-height:22px;}
}


/*新闻详情页*/
.newsshow{padding:50px 80px; overflow:hidden;}
.news_xxjs{line-height:30px!important; font-size:14px!important; font-weight:normal!important; margin:0px auto 20px; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:30px!important; font-size:14px;}
.news_xxjs td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid;}
.news_xxjs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
.news_xxjs img{ max-width:100%; width:auto; height:auto; overflow:hidden; margin:0 auto; display:block; padding:10px 0;}

.news_title{font-size:28px; color:#111c36; text-align:center; border-bottom:1px #eaeaea solid; padding:10px 20px 10px; font-weight:bold;}
.news_title h1{font-size:28px; font-weight:bold;}
.pubdate{border-top:#ccc 0px dotted; line-height:20px; margin:10px 0; OVERFLOW: hidden; text-align:center;color:#999999;}
.pubdate span{margin:0px 10px;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate1{height:20px; line-height:20px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:center; color:#999999;}
@media screen and (max-width:768px) {
.newsshow{padding:20px;}
}

/*相关资讯*/
.Information{verflow:hidden;margin-top:20px;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px;font-size:14px; padding:10px 0;}
.Information li span{float:right; font-size:14px; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#999;}
@media screen and (max-width:768px) {
.newsshow{padding-bottom:20px;}
.news_title{font-size:1.4rem; font-weight:bold;}
.news_title h1{font-size:1.4rem;}
.news_xxjs{font-size:0.875rem!important;}
.news_xxjs p,.news_xxjs span{font-size:0.875rem!important;}
.news_xxjs td{font-size:0.875rem!important;}
.news_xxjs img{width:100%; height:auto;}
.Information ul li{font-size:0.875rem; padding:10px 0 10px 0px;}
}


/*分页*/
.page{text-align:center; background:#f5f5f5; padding:8px 0; border:1px solid #D9D9D9; margin-top:20px;}
.page a{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 6px; border-radius:3px; margin:0 2px; font-family:"宋体";}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width:768px) {
.page{padding:8px 0;}
.page a{font-size:0.875rem; padding:3px 8px; margin:0 2px;}
}


/*供应链管理*/
.solution{overflow:hidden;padding:50px;}
.solutiondiv{ font-size:14px; line-height:26px; margin-bottom:20px;}
.solutiondiv img{ max-width:100%; width:auto;}
.solutionul{overflow:hidden;}

.solutionul li{float:left; width:22.75%;}
.solutionul li:not(:nth-of-type(4n)){ margin-right:3%;}
.solutionul li img{width:100%; height:188px;}
.solutionul li h2{font-size:14px;line-height:24px;text-align:center; margin-bottom:15px;}

@media screen and (max-width:768px) {
.solution{padding:20px;}
.solutionul li{width:31.33%; float:left; margin-bottom:3%;}
.solutionul li:not(:nth-of-type(4n)){ margin-right:0;}
.solutionul li:not(:nth-of-type(3n)){ margin-right:3%;}
.solutionul li img{width:100%; height:74px;}
.solutionul li h2{font-size:0.75rem; line-height:18px; height:54px; overflow:hidden; margin-bottom:0px;}
}


/*膜材品牌*/
.brand{overflow:hidden; padding:50px;}
.brand h2{ font-size:24px; line-height:28px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px #CCCCCC solid; font-weight:bold;}
.brandul{overflow:hidden;}
.brandul li{float:left; overflow:hidden; width:22%; border:1px #ddd solid; text-align:center; margin-bottom:2%; background:#FFF; font-size:14px; padding:15px 0; font-weight:bold; background:#f5f5f5;}
.brandul li:not(:nth-of-type(4n)){margin-right:2.5%;}
.brandul li img{width:100%; height:auto; display:block;}
.brandul li p{font-size:14px; padding:10px;}
.brandul li:hover{border:1px #e93133 solid; cursor:pointer; background:#FFF;}
.brandul li:hover a{color:#2b71b8;}
.brandlr{overflow:hidden; margin-top:40px; line-height:28px; font-size:13px;}
.brandtop50{margin-top:50px;}
@media screen and (max-width:768px) {
.brand{padding:5%;}
.brand h2{ font-size:1.25rem; line-height:28px; margin-bottom:15px; padding-bottom:5px;}
.brandul li{width:98%; padding:10px 0; margin-bottom:2%;}
.brandul li:not(:nth-of-type(4n)){ margin-right:0;}
.brandlr{margin-top:30px; line-height:26px; font-size:0.875rem;}
}


.brand-info {padding:0px 0px 30px 0px;}
.brand-info-title {line-height:24px; font-size:16px; font-weight:600;}
.brand-info-text {line-height:22px; font-size:12px; color:#666;}
.brand-info-date {line-height:22px; font-size:12px; color:#999;}
@media screen and (max-width:768px) {
.brand-info {padding:0 0 8% 0;color:#333; width:94%;}
.brand-info-title {line-height:24px; font-size:1rem; font-weight:600;}
.brand-info-text {line-height:18px; font-size:0.75rem; color:#666;}
.brand-info-date {line-height:18px; font-size:0.75rem; color:#999;}
}

/*膜材配件*/
.peijian{overflow:hidden; padding:50px;}
.peijian h2{ font-size:14px; line-height:35px;}
.peijianul{overflow:hidden;}
.peijianul li{float:left; overflow:hidden; width:18.4%; text-align:center; margin-bottom:3%; background:#FFF;}
.peijianul li:not(:nth-of-type(5n)){ margin-right:2%;}
.peijianul li img{width:100%; height:auto; display:block;}
.peijianul li p{font-size:14px; padding:10px;}
.peijianul li:hover p{color:#e93133;}
.peijianlr{overflow:hidden; margin-top:40px; line-height:28px; font-size:13px;}

.peijian-list { margin-bottom:20px;}
.peijian-list li {float:left; width:15.4%; padding:0; font-size:14px; line-height:35px; height:35px; text-align:center; background:#FFF; border:1px #ddd solid; margin-right:1%; border-radius:35px; margin-bottom:10px;}
.peijian-list li:hover{ cursor:pointer;color:#fff;background:#2b71b8;}

@media screen and (max-width:768px) {
.peijian{padding:2%;}
.peijian h2{ font-size:0.875rem; line-height:20px; margin-bottom:0px;}
.peijianul li{width:47.5%; padding:0; margin-bottom:5%;}
.peijianul li:not(:nth-of-type(5n)){ margin-right:0;}
.peijianul li:not(:nth-of-type(2n)){ margin-right:5%;}
.peijianlr{margin-top:30px; line-height:26px; font-size:0.875rem;}

.peijian-list { margin-bottom:10px;}
.peijian-list li {float:left; width:31.3%; padding:0; font-size:0.75rem; line-height:30px; height:30px; text-align:center; background:#FFF; border:1px #ddd solid; margin-right:1%; border-radius:35px; margin-bottom:10px; overflow:hidden;}
.peijian-list li:hover{ cursor:pointer;color:#fff;background:#2b71b8;}

}